$(function() {

	var browser = {
		versions: function() {
			var u = navigator.userAgent,
				app = navigator.appVersion;
			return { //移动终端浏览器版本信息
				trident: u.indexOf('Trident') > -1, //IE内核
				presto: u.indexOf('Presto') > -1, //opera内核
				webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核
				gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐内核
				mobile: !!u.match(/AppleWebKit.*Mobile/i) || !!u.match(/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/), //是否为移动终端
				ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
				android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或者uc浏览器
				iPhone: u.indexOf('iPhone') > -1 || u.indexOf('Mac') > -1, //是否为iPhone或者QQHD浏览器
				iPad: u.indexOf('iPad') > -1, //是否iPad
				webApp: u.indexOf('Safari') == -1 //是否web应该程序，没有头部与底部
			};
		}(),
		language: (navigator.browserLanguage || navigator.language).toLowerCase()
	}
	

	var width = $('.center').width()
	$('.center').height(width)
	var height = $('.percent').width()
	$('.percent').css({
		'line-height': height + 'px',
		'height': $('.percent').width(),
	})

	//活动规则,奖励记录,分享
	$(".js-activity-rule").on('click', function() {
		$(".background").show(100);
		$(".activity-ruls").show(100);
		$('body,html').css({
			'overflow': 'hidden'
		})
		if(browser.versions.android) {
			var cover_height = $('.js-activity-rule').height();
			$('.js-activity-rule').css('height', cover_height);
		}
		if(browser.versions.android) {
			var cover_height = $('.background').height();
			$('.background').css('height', cover_height);
		}
	})
	$('.js-rule-record').on('click', function() {
		$(".background").show(100);
		$(".rule-record").show(100);
		$('body ,html').css({
			'overflow': 'hidden'
		})
	})
	$(".close-img").on('click', function() {
		$(".background").hide(100);
		$(this).parent().parent().hide(100)
		$('body,html').css({
			'overflow': 'initial'
		})

	})

	$(".js-share").click(function() {
		$(".share-background").show(100);
		$('.share').show(100);
		$('body').css({
			'overflow': 'hidden'
		})
	})

	//从新选题
	$(".js-rechose").click(function() {
		$(".chonse-again").show(100)
	})

	//选择问题页面 如果没有星星不能点击
	// 星星都为灰色的情况下加上灰色阴影

	var lis = document.querySelectorAll(".js-question-list li");
	for(var i = 0; i < lis.length; i++) {
		var total = 0;
		var xingxing = $(lis[i]).find('img');
		for(var j = 0; j < xingxing.length; j++) {
			total += parseInt($(xingxing[j]).attr("src").substring(13, 14));
		}
		if(total == '0') {
			$(xingxing).parent().parent().attr("class", "EndOfTheTitle")
		}
		lis[i].onclick = function() {
			if($(this).attr('class') != 'EndOfTheTitle') {
				//去答题页面;
				alert(1)
			} else {
				$(".change-end").show(100);
				$(".background").show(100);
				$('body').css({
					'overflow': 'hidden'
				})
			}
		}
	}

	//选择问题
	$('#js-option li').on('click', function() {
		var result = $(this).attr('class')
		var val = $(".times").find('span').html() //六题答完
		var success = $(".all-title-flid span").html(); //对的题数

		if(result === 'true') {
			if(val.charAt(1) === '6') {
				if(success >= 4) {
					$(".all-title-end").show(100);
					$(".background").show(100);
				} else {
					$(".all-title-flid").show(100);
					$(".background").show(100);
				}
			}
			$(this).css({
					"backgroundColor": "#8cc768"
				})
				// 去下一题

		} else {
			$(this).css({
				"backgroundColor": "#ed7366"
			})
			$(".error").show(50);
			$(".errorQuestion").click(function() {
				//回答错误,展示正确答案后 ,去到下一题;
				alert(1)
			})
			$('#js-option li').unbind();
			if(val.charAt(1) === '6') {
				$(".errorQuestion").click(function() {
					if(success < 4) {
						$(".all-title-flid").show(100);
						$(".background").show(100);
					} else {
						$(".all-title-end").show(100);
						$(".background").show(100);
					}
				})
			} else {

			}
		}
	})

	//从新答题
	$(".chonse-again .sure").click(function() {
		alert(1)
	})

	//全部答完
	//成功

	//抽奖部分
	var look = true;
	var timeOut = function() { //请求超时
		$("#lotteryBtn").rotate({
			angle: 0,
			duration: 7000,
			animateTo: 2160,
			callback: function() {
				alert('网络超时')
			}
		})
	}
	var images = ["20yuan.png", "huafei.png", "600yuan.png", "jiashiqi.png", "400yuan.png", "huafei35.png", "800yuan.png", "shouhuan.png"]
	var rotateFunc = function(award, angle, img) {
		$("#lotteryBtn").stopRotate();
		$("#lotteryBtn").rotate({
			angle: 0,
			duration: 5000,
			animateTo: angle + 1440,
			callback: function() {
				var str = '<div class="img"><img src="img/huojiang.png" /></div><div class="end"><div class="img"><img src="img/' + img + '" /></div><div class="btn"><p class="award affirm">确认领取</p></div></div>'
				$("#js-award").html(str).show(100);
				$(".background").show(100);
				look = true;
			}
		})
	}

	var times = $("#times").html()
	if(times > 0) {
		$("#lotteryBtn").rotate({
			bind: {
				click: function() {
					if(look) {
						look = false;
						var time = [0, 1]; //后台返回的中奖数据0是失败,1是成功 time[Math.floor(Math.random()*time.length)]
						time = 1;
						if(time == 0) {
							timeOut(); //网络超时
						}
						//成功后中的奖项
						if(time == 1) {
							var data = [0, 1, 2, 3, 4, 5, 6, 7]; //返回的数组
							data = data[Math.floor(Math.random() * data.length)];
							if(data == 5) { //200元抵用券
								rotateFunc(1, 25, images[0])
							}
							if(data == 3) { //15元话费
								rotateFunc(2, 70, images[1])
							}
							if(data == 7) { //600元抵用券
								rotateFunc(3, 115, images[2])
							}
							if(data == 1) { //加湿器
								rotateFunc(3, 160, images[3])
							}
							if(data == 6) { //400元抵用券
								rotateFunc(3, 205, images[4])
							}
							if(data == 4) { //35huafei.png
								rotateFunc(3, 250, images[5])
							}
							if(data == 8) { //800yuan.png
								rotateFunc(3, 295, images[6])
							}
							if(data == 2) { //shouhuan.png
								rotateFunc(3, 340, images[7])
							}
							//					if(data==0){ //不中奖的情况
							//						var angle = [67,112,202,292,337];
							//							angle = angle[Math.floor(Math.random()*angle.length)]
							//						rotateFunc(0,angle,'很遗憾，这次您未抽中奖')
							//					}
						}
					}
				}

			}

		});
	} else {
		//抽奖次数为0
		$("#lotteryBtn").click(function() {
			$(".js-times").show(100)
			$(".background").show(100);
		})
	}

	//确认领奖
	$("#js-award ").on('click', '.btn', function() {
		$("#js-award").hide(100);
		$(".js-userinfo").show(100)

	})

	//用户信息判断
	var regStr1 = /^[a-z|A-Z|\u4E00-\u9FFF]*$/;
	var reg1 = new RegExp(regStr1);
	var regStr2 = /^1[3578][0-9]{9}$/;
	var reg2 = new RegExp(regStr2);
	var trueName = false,
		trueNum = false;

	$(".userName").on('blur', function() {
		var userName = $(".userName").val();
		if(userName === '') {
			$(".errName").css({
				color: "red",
			})
			trueName = false;
		} else if(!reg1.test(userName)) {
			$(".errName").html(
				'请输入正确的姓名'
			).css({
				color: "red",
			})
			trueName = false;
		} else {
			$(".errName").css({
				color: "#fff5ec",
			})
			trueName = true;
		}

	})
	$(".userNum").on('blur', function() {
			var userNum = $(".userNum").val();
			if(userNum === '') {
				$(".errNum").css({
					color: "red",
				})
				trueNum = false;
			} else if(!reg2.test(userNum)) {
				$(".errNum").html(
					'请输入正确的号码'
				).css({
					color: "red",
				})
				trueNum = false;
			} else {
				$(".errNum").css({
					color: "#fff5ec",
				})
				trueNum = true;
			}
		})
		//提交奖品
	$(".submit").click(function() {
		var userName = $(".userName").val();
		var userNum = $(".userNum").val();
		if(userName === '') {
			$(".errName").css({
				color: "red",
			})
		}
		if(userNum === '') {
			$(".errNum").css({
				color: "red",
			})
		}
		if(trueNum && trueName) {
			$(this).parent().parent().hide(100);
			$(".js-last-window").show(100);
		}
	})

	//取消奖励
	$(".js-cancle").click(function() {
		$(this).parent().parent().hide(100)
		$(".give-up").show(100);
	})
	$(".js-cancle-award").click(function() {
		$(this).parent().parent().hide(100)
		$(".js-userinfo").show(100)
	})

})